<template>
    <div class="main">
      <header>
        <myheader>

        </myheader>
      </header>
      <section class="scrolls"><scrolls></scrolls></section>
      <section><leagues></leagues></section>
    </div>

</template>

<script>
   import myheader from "@/components/public/header.vue"

   import scrolls from "@/components/public/scrolls.vue"
   import leagues from "@/components/team/leagues.vue"
    export default {
        name: "index",
        components : {myheader,leagues,scrolls}//和上面import 进来的自定义名字关联
    }
</script>

<style scoped>
  .main{position: relative;margin:0 auto;width: 1000px;overflow: hidden;}
  header{position: absolute;
    z-index: 3;}
  .scrolls{margin-top:80px;}
  header,section{margin-top: 20px;}
</style>
